<!-- 定义组件实例 -->


<!-- 引入vue框架 -->
<script src="./vue.js"></script>

<!-- 页面布局 -->
<div id="app">
    <my-componnet></my-componnet>
    <my-componnet></my-componnet>
</div>

<script>

    //注册自定义组件，设置名称及完成的功能
    Vue.component("my-componnet", {
        //定义组件中的数据方法
        data() {
            return {
                count: 0,
            }
        },
        // 设置组件当中的内容
        template: '<button v-on:click="count++">被点击{{count}}次</button>'
    })

    //实例化vue对象
    var vue = new Vue({
        el: '#app',
    })
</script>